<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />

<link href="css/index2.css" rel="stylesheet" type="text/css"  />

<title>森特首页</title>
<script type="text/javascript" src='js/jquery.js'></script>
<script type="text/javascript" src="js/superslide.2.1.js"></script>
<script type="text/javascript" src="js/slidelf.js"></script>

<script language="JavaScript" type="text/javascript" src="js/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="js/effects.js"></script>
<script language="JavaScript" type="text/javascript" src="js/glider.js"></script>
</head>

<body>
<div class="container">
    
<!--  top-->
<div  class="top">
  <p></p>
  <div class="logo">
        <div class="right">
         <ul>
             <li><span><a href="#"><img src="img/top_06.png" width="35" height="31" /></a></span></li>
              <li>分享主页</li>
              <li><span><a href="#"><img src="img/top_08.png" width="37" height="31" /></a></span></li>
              <li><span><a href="#"><img src="img/top_09.png" width="35" height="31" /></a></span></li>
              <li><span><a href="#"><img src="img/top_10.png" width="36" height="31" /></a></span></li>
              <li><span><img src="img/top_14.png" width="35" height="28" /></span></li>
              <li>客服中心</li>
              <li>&nbsp;02038812035</li>
          </ul>
      </div>
  </div>
</div>

<!--  nav-->
    <div class="nav">
          <div class="nav_weizhi">
            <ul>
                 <a href="index.php">  <li  class="xianshi">首&nbsp;&nbsp;页</li></a>
                 <a href="news.php">  <li  >新闻动态</li></a>
                 <a href="service.php">  <li>服务支持</li></a>
                 <a href="products_and_solution.php">  <li>森特产品与方案</li></a>
                 <a href="buy.php">  <li>如何购买</li></a>
                 <a href="about_us.php">  <li>关于森特</li></a>
                 <a href="recruit.php">  <li>招贤纳士</li></a>
            </ul>
          </div>
    </div>
<!--  nav-->

<!--轮播图片-->
<?php 
    require_once"php/con_db.php";//连接数据库的文件名
    $sql="
    SELECT * 
    FROM  index_1 
     ";//找查数据库的表
    $result=$conn->query($sql);//转换数据库到$result
    //echo $conn->error; //查找sql语句错误方法
    //die;
    $rows=$result->fetch_all(MYSQLI_BOTH);//将$result结果集存到$rowsSSSS
?>

  <!--s s -->
<div class="slider">
  <div class="bd">
    <ul>
        <?php 
        foreach ($rows as $row) //foreach循环语句
        { 
        ?> 
        <li><a  href="<?php echo $row['href'] ?>"><img src="<?php echo $row['images'] ?>" /></a></li>
        <?php } ?>
    </ul>
  </div>
  <div class="hd">
    <ul>
    </ul>
  </div>
  <div class="pnBtn prev"> <span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"><img src="images/main_4.png" alt="" width="57" height="60" /></a> </div>
  <div class="pnBtn next"> <span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"><img src="images/main_5.png" alt="" width="55" height="60" /></a> </div>
</div>
<!--轮播图片-->

 <!-- 公司介绍-->
    <div class="corporation">   
    <div class="left">
      <div class="left_main">
      <li class="lia"> 公司简介/About Us</li>
      <li class="font15px">注重产品与服务的质量，您的满意是我们最大的支持！</li>
      <a href="about_us.php"><li class="font15px a11"><span> > </span>查看详细</li></a>
      
      </div>
    </div>
    <div class="right">
      <div class="left1">
      <img src="img/main_right_2.png" width="107" height="111" /> </div>
  <div class="right">
            <img src="img/main_right_1.png" width="216" height="217" /></div>
      </div>
      
       <!-- 4部小车-->
    <div class="xia">
        <div class="xiao1">
        <a href="service.php">
            <ul class="aa1">
            <img src="img/main_xiaotu_1.png" width="55" height="52" />
            <li>服务支持</li>
            </ul>
        </a>
        <p>森特公司秉承"品质至上、力求客户满意的"的理念，建立起了全方位高品质、规范的客服服务体系。</p>
        </div>
        
        <div class="xiao1">
        <a href="buy.php">
            <ul>
            <img  src="img/main_xiaotu_2.png" width="55" height="52" />
            <li>如何购买</li>
            </ul>
        </a>
        <p>森特公司秉承"品质至上、力求客户满意的"的理念，建立起了全方位高品质、规范的客服服务体系。</p>
        </div>
        
        <div class="xiao1">
        <a href="products_and_solution.php">
            <ul>
            <img  src="img/main_xiaotu_3.png" width="55" height="52" />
            <li>产品方案 </li>
            </ul>
        </a>
        <p>森特公司秉承"品质至上、力求客户满意的"的理念，建立起了全方位高品质、规范的客服服务体系。</p>
        </div>
        
        <div class="xiao1">
        <a href="buy.php">
            <ul>
            <img src="img/main_xiaotu_4.png" width="55" height="52" />
            <li>常见问题 </li>
            </ul>
        </a>
        <p>森特公司秉承"品质至上、力求客户满意的"的理念，建立起了全方位高品质、规范的客服服务体系。</p>
        </div>
        
    </div>
  </div>
  
  <!-- 生产理念  -->
  <?php
  $sql_linian_1="select * from index_3 where id=15";
  $sql_linian_2="select * from index_3 where id=16";
  $sql_linian_3="select * from index_3 where id=17";
  $result_linian_1=$conn->query($sql_linian_1);
  $result_linian_2=$conn->query($sql_linian_2);
  $result_linian_3=$conn->query($sql_linian_3);
  $linian_1=$result_linian_1->fetch_all(MYSQLI_BOTH);
  $linian_2=$result_linian_2->fetch_all(MYSQLI_BOTH);
  $linian_3=$result_linian_3->fetch_all(MYSQLI_BOTH);
  ?>
  <div class="linian">
    <div class="linian_main">
    <li class="font30px"><span><img src="img/xian_xian-23.png" width="76" height="29" /></span> &nbsp;&nbsp;生产理念/Conceot&nbsp;&nbsp;<span><img src="img/xian_xian-23.png" width="76" height="29" /></span></li>
    <?php foreach ($linian_1 as $linian_1) { ?>
    <div class="linian_xia">
     <span><img src="<?php echo $linian_1['images']; ?>" width="311" height="165" /></span>
     <li class="font17px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;&nbsp;<?php echo $linian_1['title']; ?></li>
     <p class="font14px"><?php echo $linian_1['content']; ?></p>
    </div>
    <?php } ?>
    
    <?php foreach ($linian_2 as $linian_2) { ?>
  <div class="linian_xia">
     <span><img src="<?php echo $linian_2['images']; ?>" width="311" height="165" /></span>
     <li class="font17px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;&nbsp;<?php echo $linian_2['title']; ?></li>
     <p class="font14px"><?php echo $linian_2['content']; ?></p>
  </div>
    <?php } ?>
    
    <?php foreach ($linian_3 as $linian_3) { ?>
    <div class="linian_xia">
     <span><img src="<?php echo $linian_3['images']; ?>" width="311" height="165" /></span>
     <li class="font17px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;&nbsp;<?php echo $linian_3['title']; ?></li>
     <p class="font14px"><?php echo $linian_3['content']; ?></p>
    </div>
    <?php } ?>
    
    </div>
    </div>
   <!-- 生产理念  -->
  
    <!-- 产品展示  -->
    <div class="chanpin">
        
    <li class="font30px">
        <span> <img src="img/hei_xian1.png" width="69" height="30" /></span> &nbsp;&nbsp;生产展示/Products&nbsp;&nbsp;
        <span><img src="img/hei_xian1.png" width="69" height="30" /></span>
    </li>
    <li class="font18px">最新产品系列给您不一样的体验</li>
        
    <div class="chanpin_left">
        
        <!--生产展示/Products---传感器-->
        <?php 
        $sql="select * from index_2";//找查数据库的表index_2
        $result=$conn->query($sql);
        //echo $conn->error;
        //die;
        $a1=$result->fetch_assoc();//这个是二位数组   你用该用fetch_assoc() 变量名不要和之前的一样 不然会搞混的。fetch_assoc()取一行的信息daoshi
        ?>
        
        <div class="a1">
            <a href="<?php echo $a1['href']; ?>">  
            <ul class="datu">
            <li class="tu"><img src="<?php echo $a1['images']; ?>" width="276" height="276" /></li>
            </ul>
            </a>
            <li class="font14px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;<?php echo $a1['title']; ?></li>
        </div>
        <!--生产展示/Products---传感器-->
        
        <!--生产展示/Products--自动稳压型智能-->
        <?php
        $sql="SELECT * FROM  `index_2` WHERE  `title` =  '自动稳压型智能' LIMIT 0 , 1";
        $result=$conn->query($sql);
        $a2=$result->fetch_all(MYSQLI_BOTH);
        ?>
        <?php 
        foreach ($a2 as $a2) //foreach循环语句
        { 
        ?> 
        <div class="a2">
            <a href="<?php echo $a2['href'] ?>"> <ul class="tu_right"> 
            <li class="tu"><span> <img src="<?php echo $a2['images'] ?>" width="113" height="112" /></span> </li>
            </ul></a>
            <li class="font14px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;<?php echo $a2['title'] ?>&nbsp;UPS</li>
        </div>
        <?php } ?>
        <!--生产展示/Products--自动稳压型智能-->
        
        <!--生产展示/Products--自动转换开关电器-->
        <?php
        $sql="select * from index_2 where title='自动转换开关电器'";
        $result=$conn->query($sql);
        $a2=$result->fetch_all(MYSQLI_BOTH);
        ?>
        <?php
        foreach ($a2 as $a2)
        {
        ?>
       <div class="a2">
           <a href="<?php echo $a2['href'] ?>"> <ul class="tu_right"> 
           <li class="tu"><span> <img src="<?php echo $a2['images'] ?>" width="113" height="112" /></span> </li>
           </ul>
           </a>
           <li class="font14px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;<?php echo $a2['title'] ?></li>
       </div>
        <?php
        }
        ?>
        <!--生产展示/Products--自动转换开关电器-->
        
        <!--生产展示/Products--多功能数显示表-->
        <?php
        $sql="select * from index_2 where title= '多功能数显示表'";
        $result=$conn->query($sql);
        $a2=$result->fetch_all(MYSQLI_BOTH);
        ?>
        <?php
        foreach ($a2 as $a2)
        {
        ?>
       <div class="a2">
           <a href="<?php echo $a2['href'] ?>">  <ul class="tu_right"> 
           <li class="tu"><span> <img src="<?php echo $a2['images'] ?>" width="113" height="112" /></span> </li>
           </ul>
           </a>
           <li class="font14px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;<?php echo $a2['title'] ?></li>
       </div>
        <?php
        }
        ?>
        <!--生产展示/Products--多功能数显示表-->
        
        <!--生产展示/Products--多功能显表-->
        <?php
        $sql="select * from index_2 where title='多功能显表'";
        $result=$conn->query($sql);
        $a2=$result->fetch_all(MYSQLI_BOTH);
        ?>
        <?php
        foreach ($a2 as $a2)
        {
        ?>
        <div class="a2">
            <a href="<?php echo $a2['href'] ?>"> <ul class="tu_right"> 
            <li class="tu"><span> <img src="<?php echo $a2['images'] ?>" width="113" height="112" /></span> </li>
            </ul>
            </a>
            <li class="font14px"><span><img src="img/linian_xia04.png" width="19" height="15" /></span>&nbsp;<?php echo $a2['title'] ?></li>
        </div>
        <?php
        }
        ?>
        <!--生产展示/Products--多功能显表-->
        
    </div>
    
    <div class="xia">
    <a href="products_and_solution.php"><li><span>></span>&nbsp;&nbsp;分类查看</li></a>
    </div>
    
  </div>
  
  <!-- 更多产品 -->
  



  <!-- lainiasd -->
<DIV class=feature id=my-glider>
  <DIV class=scroller>
    <DIV class=content>
        
        <?php
        $sql="select * from index_3 limit 0,4";
        $result1=$conn->query($sql);
        $section1=$result1->fetch_all(MYSQLI_BOTH);
        
        $sql="select * from index_3 limit 4,4";//  limit 用来限制显示
        $result2=$conn->query($sql);
        $section2=$result2->fetch_all(MYSQLI_BOTH);
        
        $sql="select * from index_3 limit 8,4";//  limit 用来限制显示
        $result3=$conn->query($sql);
        $section3=$result3->fetch_all(MYSQLI_BOTH);
        ?>
       
        <DIV class=section id=section1> 
        <?php
        foreach ($section1 as $section1)
        {
        ?>
        <A href="<?php echo $section1['href'] ?>" target="_blank"><IMG src="<?php echo $section1['images'] ?>"/></A> 
        <?php } ?>
        </DIV>
        
        <DIV class=section id=section2> 
        <?php
        foreach ($section2 as $section2)
        {
        ?>
        <A href="<?php echo $section2['href'] ?>" target="_blank"><IMG src="<?php echo $section2['images'] ?>"/></A> 
        <?php } ?> 
        </DIV>
        
        <DIV class=section id=section3> 
        <?php
        foreach ($section3 as $section3)
        {
        ?>
        <A href="<?php echo $section3['href'] ?>" target="_blank"><IMG src="<?php echo $section3['images'] ?>"/></A> 
        <?php } ?> 
        </DIV>
        
      </DIV>
  </DIV>
  <A id=prevLink onClick="my_glider.previous();return false;" href="http://www.mobanwang.cn/">Previous</A>&nbsp;
   <A id=nextLink onClick="my_glider.next();return false" href="http://www.mobanwang.cn/">Next</A>
  <SCRIPT language=javascript type=text/javascript>
	var my_glider = new Glider('my-glider', {duration:0.5});
</SCRIPT>
</DIV>
 <!--   lainiasd-->

  <!-- 更多产品 -->
  
  <!-- 公司新闻 -->
  <!--公司新闻/News-->
  <?php
  $sql_1="select * from index_3 where id=12";
  $sql_2="select * from index_3 where id=13";
  $sql_3="select * from index_3 where id=14";
  $result_sql_1=$conn->query($sql_1);
  $result_sql_2=$conn->query($sql_2);
  $result_sql_3=$conn->query($sql_3);
  $wei_1=$result_sql_1->fetch_all(MYSQLI_BOTH);
  $wei_2=$result_sql_2->fetch_all(MYSQLI_BOTH);
  $wei_3=$result_sql_3->fetch_all(MYSQLI_BOTH);
  ?>
  <div class="chanpin">
  <li class="font30px"><span> <img src="img/hei_xian1.png" width="69" height="30" /></span> &nbsp;&nbsp;公司新闻/News&nbsp;&nbsp;<span><img src="img/hei_xian1.png" width="69" height="30" /></span></li>
    <?php
    foreach ($wei_1 as $wei_1)
    {
    ?>
    <div class="wei_1">
    <img src="<?PHP echo $wei_1['images'] ?>" width="312" height="163" />
    <a href="<?php echo $wei_1['href'] ?>"><?php echo $wei_1['title'] ?></a>
    <li>
        <span><img src="img/linian_xia04.png" width="19" height="15" />
        </span>
        <?php echo $wei_1['content'] ?>
    </li>
    <a href="<?php echo $wei_1['more_link'] ?>" class="more">更多</a>
    </div>
    <?php } ?>
  
  <?php
  foreach ($wei_2 as $wei_2)
  {
  ?>  
   <div class="wei_1">
    <img src="<?php echo $wei_2['images'] ?>" width="312" height="163" />
    <a href="<?php echo $wei_2['href'] ?>"><?php echo $wei_2['title'] ?></a>
    <li><span><img src="img/linian_xia04.png" width="19" height="15" /></span>
    <?php echo $wei_2['content'] ?></li>
    <a href="<?php echo $wei_2['more_link'] ?>" class="more">更多</a>
    </div>  
  <?php } ?>
  
  <?php 
  foreach ($wei_3 as $wei_3)
  {
  ?>
   <div class="wei_1">
    <img src="<?php echo $wei_3['images'] ?>" width="312" height="163" />
    <a href="<?php echo $wei_3['href'] ?>"><?php echo $wei_3['title'] ?></a>
    <li><span><img src="img/linian_xia04.png" width="19" height="15" /></span>
    <?php echo $wei_3['content'] ?></li>
    <a href="<?php echo $wei_3['more_link'] ?>" class="more">更多</a>
    </div>  
  <?php } ?>
<!--公司新闻/News-->
 
</div>
<!--  footer-->
 <div class="footers">
   
    <div class="footer">
         <div class="a footer_1">
          <h4>森特电子有限公司</h4>
            <ul class="aa">
                <li>电话</li>
                 <li>020&nbsp;38812035</li>
                  <li>传真</li>
                   <li>020&nbsp;38812035</li>
                    <li>TEL00</li>
                     <li>186	76289867</li>
                      <li>地址</li>
                       <li>广州市天河路365号&nbsp;天俊阁1202</li>
                       
            </ul>
        
        </div>
         <div class="a footer_2">
            <h4>新闻动态</h4>
         
              <ul class="aa">
                  <li><a href="#">公司新闻</a></li>
                  <li><a href="#">行业动态</a></li>
                  <li><a href="#">人物专访</a></li>
                  <li><a href="#">名家专访</a></li>
                  <li><a href="#">防伪认证</a></li>
                  <li><a href="#">通知公告</a></li>
              </ul>
        </div>
         <div class="a footer_3">
           <h4>服务支持</h4>
         
                <ul class="aa">
                  <li><a href="#">服务承诺</a></li>
                  <li><a href="#">服务网点</a></li>
                  <li><a href="#">服务产品</a></li>
                  <li><a href="#">下载中心</a></li>
              
              </ul>
        </div>
         <div class="a footer_4">
           <h4>森特产品与方案</h4>
             <ul class="aa">
                     <li><a href="#">后备式</a></li>
                     <li><a href="#">在线式Castle系列</a></li>
                     <li><a href="#">监控产品</a></li>
                      <li><a href="#">促销</a></li>
                     <li><a href="#">    模块化ARRAY系列</a></li>
                     <li><a href="#">   配电产品</a></li>
                     <li><a href="#">城堡系列电池</a></li>
                      <li><a href="#">   方案应用</a></li>
              </ul>
          </div>
         <div class="a footer_5">
            <h4>如何购买</h4>
                <ul class="aa">
                          <li><a href="#">渠道代理</a></li>
                          <li><a href="#">如何选购</a></li>
                          <li><a href="#">常见问题</a></li>
        
                  </ul>
          </div>
         <div class="a footer_6">
           <h4>关于森特</h4>
         
             <ul class="aa">
                  <li><a href="#">公司简介</a></li>
                  <li><a href="#">企业理念</a></li>
                  <li><a href="#">公司地址</a></li>
                  <li><a href="#">分支机构</a></li>
               <li><a href="#">我们的荣誉</a></li>
       
              </ul>
           </div>
         <div class="a footer_7">
           <h4>招纳贤士</h4>
             <ul class="aa">
                    <li><a href="#">招聘动态</a></li>
                    <li><a href="#">高校招聘</a></li>
                   <li><a href="#">社会招聘</a></li>
           
              </ul>
        </div>
        
     
    </div>
    
<div class="tupian"><a href="#"><img src="img/footer_1.png" width="55" height="54" /></a>
    </div>
     <div class="footer_8"> 
  <p>森特电子科技有限公司版权所有©2004-2015 侵权必究 粤ICP备11021230号<a href="admin/login.php">后台入口</a></p>
        </div> 
   </div>
</div>
<style>
.slider .hd li {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:8px;
	height:8px;
	line-height:99px;
	overflow:hidden;
	margin:0 5px;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
	background-image: url(images/slider-btn.png);
	background-repeat: no-repeat;
	background-position: 0 -10px;
}</style>
<script type="text/javascript">
jQuery(".slider .bd li").first().before( jQuery(".slider .bd li").last() );
jQuery(".slider").hover(function(){ jQuery(this).find(".arrow").stop(true,true).fadeIn(300) },function(){ jQuery(this).find(".arrow").fadeOut(300) });				jQuery(".slider").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop",autoPlay:true, vis:3,autoPage:true, trigger:"click"});
</script>

</body>
</html>
